<!DOCTYPE html>

<html lang="en">


<head>

    <title>宿舍监控系统</title>
    <meta charset="UTF-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link rel="stylesheet" href="../static/css/bootstrap.min.css"/>

    <link rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>

    <link rel="stylesheet" href="../static/css/matrix-login.css"/>

    <link href="../static/font-awesome/css/font-awesome.css" rel="stylesheet"/>


</head>

<body>

<div id="loginbox">

    <form id="loginform" class="form-vertical" action="{{ url_for('login') }}" method="post">

        <div class="control-group normal_text"><h3><img src="../static/img/logoo.png" alt="Logo"/></h3></div>

        <div class="control-group">

            <div class="controls">

                <div class="main_input_box">

                    <span class="add-on bg_lg"><i class="icon-user"></i></span><input type="text" name="username"
                                                                                      placeholder="请输入用户名"/>

                </div>

            </div>

        </div>

        <div class="control-group">

            <div class="controls">

                <div class="main_input_box">

                    <span class="add-on bg_ly"><i class="icon-lock"></i></span><input type="password" name="password"
                                                                                      placeholder="请输入密码"/>

                </div>

            </div>

        </div>

        <div class="form-actions">

            <span class="pull-left"><a href="#" class="flip-link btn btn-info" id="to-recover">忘记密码?</a></span>

            <span class="pull-right"><input onclick="return check()" type="submit" class="btn btn-success" value="登录"></span>


        </div>

    </form>

    <form id="recoverform" action="#" class="form-vertical">

        <p class="normal_text">请在此处输入您的电子邮件，我们将向您发送恢复密码的说明性文档。</p>


        <div class="controls">

            <div class="main_input_box">

                <span class="add-on bg_lo"><i class="icon-envelope"></i></span><input type="text"
                                                                                      placeholder="请输入电子邮件"/>

            </div>

        </div>


        <div class="form-actions">

            <span class="pull-left"><a href="#" class="flip-link btn btn-success"
                                       id="to-login">&laquo; 返回登录界面</a></span>

            <span class="pull-right"><a class="btn btn-info">重置</a></span>

        </div>

    </form>

</div>


<script src="../static/js/jquery.min.js"></script>

<script src="../static/js/matrix.login.js"></script>

<script src="../static/js/checkLogin.js"></script>

</body>


</html>

